html(lang="zh")
	head
		meta(charset="UTF-8")
		meta(http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';")
		title SimpleSignals - #{title}
		block resources
			link(rel="stylesheet" href="assets/css/material.min.css")
			link(rel="stylesheet" href="assets/css/material.mirror.css")
			link(rel="stylesheet" href="assets/css/wrks.css")
			script(src="assets/js/material.min.js")
			script(src="assets/js/dependency.js")
			script(src="assets/js/wrks.js")
			script(src="assets/js/socket.js")
			script(src="assets/js/navigator.js")
			script(src="assets/js/storage.js")
			script(src="assets/js/caller.js")
			script(src="assets/js/dyalog.js")
			script(src="assets/js/init.js")
			base(href='./')
	body
		dialog.mdl-dialog#add-person
			h4.mdl-dialog__title 添加好友
			.mdl-dialog__content
				.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label
					input#add-person-uid.mdl-textfield__input(pattern="[0-9]{5,}")
					label(for="add-person-uid").mdl-textfield__label UID
					span.mdl-textfield__error 请输入正确的 UID
			.mdl-dialog__actions
				button.mdl-button.mdl-js-button(onclick="closeDialog()") 取消
				button.mdl-button.mdl-js-button.mdl-button--colored(onclick="addPerson()") 添加
		dialog.mdl-dialog#remove-person
			h4.mdl-dialog__title 删除好友
			.mdl-dialog__content
				span 您确定要删除好友
				span#remove-person-name 好友名称
				span 么？
			.mdl-dialog__actions
				button.mdl-button.mdl-js-button 确定
				button.mdl-button.mdl-js-button.mdl-button--colored(onclick="closeDialog()") 取消
		dialog.mdl-dialog#create-group
			h4.mdl-dialog__title 创建讨论组
		dialog.mdl-dialog#dismiss-group
			h4.mdl-dialog__title 解散讨论组
		dialog.mdl-dialog#join-group
			h4.mdl-dialog__title 加入讨论组
		dialog.mdl-dialog#info
			h4.mdl-dialog__title 个人信息
			.mdl-dialog__content
				.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label
					input#self-uid.mdl-textfield__input(readonly="1")
					label(for="self-uid").mdl-textfield__label UID
				.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label
					input#self-name.mdl-textfield__input
					label(for="self-name").mdl-textfield__label 用户名
				label.mdl-switch.mdl-js-switch.mdl-js-ripple-effect(for="self-introvert")
					input.mdl-switch__input#self-introvert(type="checkbox")
					span.mdl-switch__label 允许他人添加
			.mdl-dialog__actions
				button.mdl-button.mdl-js-button(onclick="closeDialog()") 取消
				button.mdl-button.mdl-js-button.mdl-button--colored(onclick="saveInfo()") 保存
		dialog.mdl-dialog#logout
			h4.mdl-dialog__title 注销
			.mdl-dialog__content
				span 您确定要注销么？
			.mdl-dialog__actions
				button.mdl-button.mdl-js-button(onclick="logout()") 确定
				button.mdl-button.mdl-js-button.mdl-button--colored(onclick="closeDialog()") 取消
		.mdl-layout__container
			.mdl-layout.mdl-js-layout.mdl-layout--fixed-header.has-drawer
				header.mdl-layout__header
					.mdl-layout__header-row.flex
						span.mdl-layout__title#title
						.mdl-layout-spacer
						button#menu-button.mdl-button.mdl-js-button.mdl-button--icon.hidden
							i.material-icons more_vert
						ul.mdl-menu.mdl-menu--bottom-right.mdl-js-menu.mdl-js-ripple-effect(for="menu-button")
							li.mdl-menu__item(onclick="openDialog('info')") 个人信息...
							li.mdl-menu__item(onclick="openDialog('add-person')") 添加好友...
							li.mdl-menu__item(onclick="openDialog('logout')") 注销!
				main.mdl-layout__content
					.page-content#page-content
						block content
							p Alan, place some content here.
		.mdl-js-snackbar.mdl-snackbar#snack-bar
			.mdl-snackbar__text
			button.mdl-snackbar__action(type="button")
		block postscript
